@import "_base";

html {
  font-size: 100px;
  $width-list: 100px 320px 375px 414px 650px 720px 750px 768px 980px 1200px 1550px 1900px 2200px 2700px;
  @each $width in $width-list {
    @media screen and (min-width: (#{$width})) {
      font-size: $width/720px * 100px;
    }
  }
}

$bgtitle: #16bb91;
$color: #fff;
$bgcolor:#fff;
body {
  /* On modern browsers, prevent the whole page to bounce */
  overflow: hidden;
  font-size: 0.26rem;
  font-family: 苹方,微软雅黑, 宋体, sans-serif;
}

.wrapper {
  position: absolute;
  /* Prevent native touch events on Windows */
  -ms-touch-action: none;

  /* Prevent the callout on tap-hold and text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Prevent text resize on orientation change, useful for web-apps */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  top:0.66rem;
  bottom:0.95rem;
  transition:top .5s ease;
}


.scroller {
  /* Prevent elements to be highlighted on tap */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Put the scroller into the HW Compositing layer right from the start */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.index_title {
  height: 0.66rem;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  font-size: 0.3rem;
  text-align:center;
  line-height: 0.66rem;
  color: $color;
  background: #16bc91;
  position:relative;
  top:0;
  left:0;
  z-index: 10000;
/*  .li {
    display: flex;
    align-items: center;
    .index_title_e {
      @include rect(0.30rem, 0.27rem);
      position: relative;
      background: url("../img/sprite.png") no-repeat;
      background-position: -0.04rem -0.13rem;
      background-size: 1.26rem, 1.41rem;
    }
    .index_title_email {
      @include rect(0.38rem, 0.32rem);
      position: relative;
      background: url("../img/sprite.png") no-repeat;
      background-position: -0.4rem -0.03rem;
      background-size: 1.26rem, 1.41rem;
    }
  }*/
}

//banner
.swiper-container{
  .swiper-wrapper{
    .swiper-slide{
      img{
        width:100%;
        //height:2.43rem;
      }
    }
  }
}
.form{
  width:100%;
  background:$bgcolor;
  position:relative;
  z-index: 999;
}

//select
.select{
  display:flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap:nowrap;
  justify-content:space-around;
  -webkit-justify-content:space-around;
  .shu{
    height:0.4rem;
    width:0;
    border-right:1px solid #999;
    margin-top:0.15rem;
    margin-left:1em;
  }
  .shu1{
    margin-left:1.2em;
  }
  select{
    width:33.3%;
    border:none;
    outline: none;
    padding-left:0.45rem;
    font-size:0.28rem;
    line-height:0.74rem;
    color:#030303;
    appearance: none;
  -moz-appearance:none;
    -webkit-appearance:none;
    background-color:rgba(0,0,0,0);
    :nth-child(1){
    padding-left:0.88rem;
  }
  }
  .borderR1{
    padding-left:0.78rem;
  }
  //.borderR{
  //  border-right:1px solid #999;
  //}
  span{
     display:block;
     @include rect(0.23rem,0.12rem);
     position: relative;
    top:0.32rem;
    left:-0.5rem;
    z-index:3;
     background: url("../img/sprite.png") no-repeat;
     background-position: -0.8rem -0.19rem;
     background-size: 1.26rem, 1.41rem;
   }
}

.conOne{
  width:100%;
  height:auto;
}


//con
.wrapper{
  width:100%;
  overflow:hidden;
  .scroller{
    width:100%;
  }
}
//滚动条样式
//.iScrollHorizontalScrollbar {
//  position: absolute;
//  z-index: 9999;
//  height: 8px;
//  left: 2px;
//  right: 2px;
//  bottom: 2px;
//  overflow: hidden;
//}

//.iScrollHorizontalScrollbar.iScrollBothScrollbars {
//  right: 18px;
//}

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 4px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  border-radius:4px;
  overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 1px;
}

//.iScrollIndicator {
//  position: absolute;
//  height:50px;
//  background: #cc3f6e;
//  border-color: #EB97B4 #7C2845 #7C2845 #EB97B4;
//  border-radius: 8px;
//}
//
//.iScrollHorizontalScrollbar .iScrollIndicator {
//  height: 50px;
//  background:#999;
//  //background: -moz-linear-gradient(left,  #999 0%, #eee 100%);
//  //background: -webkit-linear-gradient(left,  #999 0%, #eee 100%);
//  //background: -o-linear-gradient(left,  #999 0%, #eee 100%);
//  //background: -ms-linear-gradient(left,  #999 0%, #eee 100%);
//  //background: linear-gradient(to right,  #999 0%, #eee 100%);
//}
//
.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  height:50px;
  background:#ccc;
  border-radius:2px;
  //background: -moz-linear-gradient(top, #999 0%, #eee 100%);
  //background: -webkit-linear-gradient(top,  #999 0%, #eee 100%);
  //background: -o-linear-gradient(top, #999 0%, #eee 100%);
  //background: -ms-linear-gradient(top, #999 0%, #eee 100%);
  //background: linear-gradient(to bottom,  #999 0%, #eee 100%);
}




.ul{
  width:100%;
  li{
    //height:2.41rem;
    width:100%;
    height:auto;
    padding:0.26rem 0.24rem 0 0.24rem;
    border-top:1px solid #999;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    position:relative;
    .wra_one{
      overflow:hidden;
      img{
        width:1.27rem;
        display:block;
        border-radius:8px;
        float:left;
        margin-left:-0.1rem;
      }
      .wra_mid{
        width:percentage(4/7.2);
        float:left;
        margin-left:0.35rem;
        margin-top:0.18rem;
        .wra_con{
          width:100%;
          float:left;
          div{
            font-size:0.27rem;
            font-weight:500;
            color:#333;
            float:left;
            margin-top:0.02rem;
          }
          span{
            display:block;
            @include rect(0.26rem,0.35rem);
            float:left;
            margin-left:-0.06rem;
            margin-top:-0.21rem;
            background: url("../img/sprite.png") no-repeat;
            background-size: 1.26rem, 1.41rem;
          }
          .qi{
            left:0.45rem;
            background-position:-0.03rem -0.7rem;
          }
          .zhong{
            left:percentage(1.82/2.86);
            background-position: -0.29rem -0.7rem;
          }
          .mudi{
            //max-width:3em;
            //white-space:nowrap;
            //overflow:hidden;
            //text-overflow:ellipsis;
            font-size:0.26rem;
            font-weight:500;
            color:#333;
            float:left;
            width:3em;
            overflow: -webkit-marquee;
            -webkit-marquee-style: slide;
            -webkit-marquee-repetition: 2;
            -webkit-marquee-direction: right;
            -webkit-marquee-speed:slow;
            margin-top:0.02rem;
          }
          .wra_sheng{
            display:block;
            height:0.28rem;
            padding-top:0.02rem;
            font-size:0.22rem;
            color:#d74343;
          }
        }
        .wra_cube{
          width:100%;
          float:left;
          margin-top:0.36rem;
          P{
            font-size:0.21rem;
            width:3em;
            height:1.8em;
            border-radius:4px;
            text-align:center;
            line-height:1.8em;
            color:#fff;
            background:#29a0f3;
            float:left;
            margin-right:percentage(0.21/4.24);
          }
        }
      }

      .wra_phone{

        //height:1.33rem;
        float:right;
        font-size:0.16rem;
        display:flex;
        flex-direction: column;
        justify-content:space-around;
        align-items:center;
        color:#999;
        .wra_data{
          position:absolute;
          top:0.09rem;
          right:0.16rem;
          z-index: 9;
          color:#999;
        }

        .wra_img{
          @include rect(0.4rem,0.44rem);
          background: url("../img/sprite.png") no-repeat;
          background-position: -0.39rem -0.32rem;
          background-size: 0.92rem, 1.03rem;
          margin-top:0.63rem;
        }
      }
    }
    .wra_two{

      display:flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      font-size:0.23rem;
      margin-bottom:0.24rem;
      margin-top:0.12rem;
      color:#666;
      .wra_two_con{
        width:80%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
      }
    }

  }
}

//footer
.footer{
  width:100%;
  position:fixed;
  bottom:0;
  border-top:1px solid #999;
background:#fff;
a{

  display:block;
  width:percentage(1/3);
  float:left;
  .footer_li{

    display:flex;
    flex-direction:column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap:nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    font-size:0.24rem;
    text-align:center;
    .footer_o{
      margin:2px auto;
      background: url("../img/sprite.png") no-repeat;
      background-size: 1.26rem, 1.41rem;
    }
    .footer_one{
      @include cube(0.45rem);
      background-position: -0.03rem -1.04rem;
    }
    .footer_two{
      @include cube(0.37rem);
      background-position: -0.4rem -1.04rem;
    }
    .footer_three{
      @include cube(0.45rem);
      background-position: -0.82rem -1.04rem;
    }
    .footer_li_title{
      margin-bottom:2px;
    }
  }
  .footer_li_i{
    border-right:1px solid #999;
  }
  .footer_li_c{
    color:#16bc91;
  }
}

}


.shangl{
  @include rect(2.5rem,0.5);
  margin:0 auto;
  display:none;
  .shang{
    height:0.5rem;
  }
}